<template>
  <view class="main">
    <eui-dropdownsearch v-model:menuList="menuList" themeColor="#3cc51f" :duration="300" :isCeiling="true"
      @onConfirm="onConfirm" @onChange="onChange">
    </eui-dropdownsearch>
  </view>
</template>

<script setup>
import { ref } from "vue";
import { DropdownList } from "./data.js";
const menuList = ref(DropdownList);
const onConfirm = (data) => {
  console.log("确定事件", data);
};
const onChange = (data, sIndex) => {
  console.log("改变事件", data, sIndex);
};
</script>

<style>
.main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
</style>